import React,{useEffect, useState} from "react";


export default function App(){
 
  const [name ,setName]=useState('zjb')
  //如果第二个参数是空数组  则useEffect只执行一次 相当于生命周期的效果
  useEffect(()=>{
      setName(name.substring(0,1).toUpperCase()+name.substring(1))
  },[name])
  //第一次执行一次，之后name(依赖)更新也会执行 第二个参数为了用了之后再执行一次 表示更新依赖这个name  
  //如果没有依赖只执行一次   否则在创建和更新也会执行
  //为了让name改变中括号都执行则在中括号中放name 
    return (
        <div>
         app-{name}
        <button onClick={()=>{
            setName("nihao")
        }}>gengxin</button>
        </div>
    )
}